<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
	<head>
		<title>Login</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<link rel="stylesheet" href="css/semantic.min.css" type="text/css"/>
		<style type="text/css">
    body {
      background-color: #DADADA;
    }
    body > .grid {
      height: 100%;
    }
    .image {
      margin-top: -100px;
    }
    .column {
      max-width: 450px;
    }
  	</style>
	</head>
	<body>
		<div class="ui middle aligned center aligned grid">
		  <div class="column">
		    <h2 class="ui teal image header">
		      <div class="content">
		        Login and access to admin dashborad.
		      </div>
		    </h2>
		    <form class="ui large form" action="/login" method="POST">
		      <div class="ui stacked segment">
		        <div class="field">
		          <div class="ui left icon input">
		            <i class="user icon"></i>
		            <input type="text" name="username" placeholder="Username">
		          </div>
		        </div>
		        <div class="field">
		          <div class="ui left icon input">
		            <i class="lock icon"></i>
		            <input type="password" name="password" placeholder="Password">
		          </div>
		        </div>
						<input class="ui fluid large teal submit button" type="submit" value="LogIn"/>
		      </div>
		      <div class="ui error message"></div>
		    </form>
		    <div class="ui message">
		      Forget password? <span class="ui teal">Read your database or config file.</span>
		    </div>
		  </div>
		</div>
	</body>
</html>
